import styled from 'styled-components'
export const ArtistWrapper = styled.div`
  .btn{
    width:100%;
    margin-top:20px;
    border:1px solid #000;
    border-radius:5px;
    padding:5px 0;
  }
`
export const HeaderWrapper = styled.div`
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
  .title{
    color:#333;
  }
  .more{
    color:#666;
  }
`
export const ArtistListWrapper = styled.div`
  .artist_item{
    display: flex;
    height:62px;
    margin-top:20px;
    cursor:pointer;

  }
  .right{
    padding-left:20px;
    width:170px;
    border:1px solid #ccc;
    .name{
      color:#333;
      font-size:14px;
      margin:5px 0;
    }
  }
`